// components/IOU/index.js
Component({
    /**
     * 组件的属性列表
     */
    properties: {
        hideBaitiao: {
            type: Boolean,
            // 默认隐藏
            value: true
        },
        baitiao: { // 分期内容的数据
            type: Array,
        }
    },

    /**
     * 组件的初始数据
     */
    data: {
        selectIndex:0
    },

    /**
     * 组件的方法列表
     */
    methods: {
        hideBaitiaoView(e) { //触发关闭白条事件
            // 需求点击多个指定的地方;关闭白条弹框,我在指定的地主用了data-target="self"这边用这判断就可以
            if (e.target.dataset.target == "self") {
                this.setData({
                    hideBaitiao: true
                })
            }

        },
        selectItem(e){//点击具体的白条分期
            let index = e.currentTarget.dataset.index;
            let baitiao = this.data.baitiao;
            for(var i = 0;i<baitiao.length; i++){//把所有的select改为false
                baitiao[i].select =false;
            }
            // 把选 中的改为true
            baitiao[index].select = !baitiao[index].select;
            // 更新data
            this.setData({
                baitiao:baitiao,
                selectIndex:index
            })

        },
        makeBaitiao(){//立即打白条
            this.setData({
                hideBaitiao:true
            })
            // 取到点击的具体下标
            let selectIndex = this.data.baitiao[this.data.selectIndex]
            // 传入父级
            this.triggerEvent('updataSelect',selectIndex)
        }
    }
})